<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中粮我买网</title>
    <link rel="icon" href="./img/favicon.ico">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/pagination.css">
    <link rel="stylesheet" href="./css/search.css">
</head>

<body>
    <!-- 侧边栏,头部导航，搜索栏,分类栏目头 -->
    <div class="public-header"></div>

    <!-- 搜索结果 -->
    <section id="search-res">
        <header><span>全部类目 &gt;</span>
            <select name="" id="">
                <option value="" disabled selected hidden>类别</option>
                <option value="">1</option>
                <option value="">2</option>
                <option value="">3</option>
                <option value="">4</option>
            </select>
            <span>&gt;</span>
            <input type="text" placeholder="大米"><i class="iconfont">&#xe688</i>
        </header>
        <aside>
            <h4>搜索推荐</h4>
            <div>
                <h5>食品搜索热销榜</h5>
                <ul>
                    <li>
                        <img src="./img/cont1.png" alt="">
                        <p>【全球购】丹麦进口 皇冠<br><span><b>￥</b>48.00</span></p>
                    </li>
                    <li>
                        <img src="./img/cont2.jpg" alt="">
                        <p>【全球购】丹麦进口 皇冠<br><span><b>￥</b>48.00</span></p>
                    </li>
                    <li>
                        <img src="./img/cont3.jpg" alt="">
                        <p>【全球购】丹麦进口 皇冠<br> <span><b>￥</b>48.00</span></p>
                    </li>
                    <li>
                        <img src="./img/cont4.jpg" alt="">
                        <p>【全球购】丹麦进口 皇冠<br><span><b>￥</b>48.00</span></p>
                    </li>
                    <li>
                        <img src="./img/cont5.jpg" alt="">
                        <p>【全球购】丹麦进口 皇冠<br><span><b>￥</b>48.00</span></p>
                    </li>
                    <li>
                        <img src="./img/cont6.jpg" alt="">
                        <p>【全球购】丹麦进口 皇冠<br><span><b>￥</b>48.00</span></p>
                    </li>
                </ul>
            </div>
        </aside>
        <article id="goods-wrap">
            <ul class="cont">
                <!-- 商品 -->
            </ul>
                <div class="pagination"></div>
        </article>
    </section>

    <!-- 底部友情链接，版权 -->
    <div class="public-footer"></div>

</body>
<script src="./js/libs/jquery.2.2.4.js"></script>
<script src="./js/public/jquery.pagination.js"></script>
<script src="./js/public.js"></script>
<script src="./js/public/Ajax2.0.js"></script>
<script src="./js/libs/require.js" data-main="./js/listMain"></script>

</html>